<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">


<div id="sidebar" class="sidebar">

	<h:form id="f12">
		<p:outputPanel id="searchPanel">
			<h:outputLabel value="بحث" style="font-size: 18px; font-family:Arial,sans-serif;"/>
			<div class="article-separator"></div>
			
			<p:panelGrid columns="2" styleClass="programs-search">
			
				<p:outputLabel id="categoryLbl" value="الفئة" styleClass="naskh-font small-size" for="categoryList"></p:outputLabel>
				<h:selectOneMenu id="categoryList" styleClass="select-box"></h:selectOneMenu>
	
	
				<p:outputLabel id="cityLbl" value="المدينة" styleClass="naskh-font small-size" for="cityList"></p:outputLabel>
				<h:selectOneMenu id="cityList" styleClass="select-box"></h:selectOneMenu>
	
	
				<p:outputLabel id="languageLbl" value="اللغة" styleClass="naskh-font small-size" for="languageList"></p:outputLabel>
				<h:selectOneMenu id="languageList" styleClass="select-box"></h:selectOneMenu>
	
	
				<p:outputLabel id="monthLbl" value="الشهر" styleClass="naskh-font small-size" for="monthList"></p:outputLabel>
				<h:selectOneMenu id="monthList" styleClass="select-box"></h:selectOneMenu>
	
				<p:outputLabel id="emptyLbl" value="" styleClass="naskh-font small-size" for="searchBtn"></p:outputLabel>
				<p:commandLink styleClass="btn btn-large btn-block btn-inverse sidebar-button small-flat-button" 
					id="searchBtn" value="إبحث"></p:commandLink>
			</p:panelGrid>
	
		</p:outputPanel>
		
		<c:forEach items="#{appBean.sideAdvers}" var="adv" varStatus="vs">
			<div class="sidebar">
				<img src="/TAKWEEN/resources/images/s_advs/${adv.adverAttchments[0].icon}" width="200" height="80"></img>
			</div>
		</c:forEach>
	</h:form>
	
	<div class="clear-floating"></div>
</div>

</html>
